<!-- ================== BEGIN PAGE LEVEL STYLE ================== -->
<link href="/assets/plugins/DataTables/css/data-table.css" rel="stylesheet"/>
<link href="/assets/plugins/jstree/default/style.min.css" rel="stylesheet" />
<!-- ================== END PAGE LEVEL STYLE ================== -->
<!-- begin #content -->
<div id="content" class="content content-full-width">
    <!-- begin breadcrumb -->
    <ol class="breadcrumb pull-right">
        <li><a href="#">首页</a></li>
        <li class="active">用户管理</li>
    </ol>
    <!-- end breadcrumb -->
    <!-- begin page-header -->
    <h1 class="page-header">系统用户管理 <#--<small>header small text goes here...</small>--></h1>
    <!-- end page-header -->
    <div class="p-l-20 p-r-20 p-b-20">
        <div class="row">
            <!-- begin col-2 -->
            <div class="col-md-2">
                <div class="panel panel-success">
                    <div class="panel-heading">
                        <h4 class="panel-title">组织架构</h4>
                    </div>
                    <div class="panel-body">
                        <#--<div class="hidden-sm hidden-xs">
                            <ul class="nav nav-pills nav-stacked nav-inbox">
                                <li class="active">
                                    <a href="javascript:;">
                                        <i class="fa fa-th-list fa-fw m-r-5"></i> 空港街道 (17)
                                    </a>
                                </li>
                                <li><a href="javascript:;"><i class="fa fa-circle fa-fw m-r-5"></i> 裕祥花园</a></li>
                                <li><a href="javascript:;"><i class="fa fa-circle fa-fw m-r-5"></i> 万科城市花园</a></li>
                                <li><a href="javascript:;"><i class="fa fa-circle fa-fw m-r-5"></i> 观林阁</a></li>
                                <li><a href="javascript:;"><i class="fa fa-circle fa-fw m-r-5"></i> 中粮祥云</a></li>
                            </ul>
                        </div>-->
                            <div id="jstree-default">
                                <ul>
                                    <li data-jstree='{"opened":true}' >
                                        空港街道
                                        <ul>
                                            <li data-jstree='{"opened":true, "selected":true }'>裕祥花园社区</li>
                                            <li >万科城市花园</li>
                                            <li>中粮祥云社区</li>
                                            <li>宏城花园社区</li>
                                            <#--<li data-jstree='{ "icon" : "fa fa-link fa-lg text-primary" }'><a href="http://www.jstree.com">Clickable link node</a></li>-->
                                        </ul>
                                    </li>
                                    <#--<li>Root node 2</li>-->
                                </ul>
                            </div>
                    </div>
                </div>
            </div>
            <!-- end col-2 -->
            <!-- begin col-10 -->
            <div class="col-md-10">
                <div class="panel panel-success">
                    <div class="panel-heading">
                        <div class="panel-heading-btn">
                            <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default" data-click="panel-expand"><i class="fa fa-expand"></i></a>
                            <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-success" data-click="panel-reload"><i class="fa fa-repeat"></i></a>
                            <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-warning" data-click="panel-collapse"><i class="fa fa-minus"></i></a>
                        </div>
                        <h4 class="panel-title">用户列表</h4>
                    </div>
                    <div class="panel-body">
                        <div class="email-btn-row hidden-xs">
                            <a href="javascript:;" class="btn btn-sm btn-white"><i class="fa fa-plus m-r-5"></i> 新增</a>
                            <a href="javascript:;" class="btn btn-sm btn-white"><i class="fa fa-pencil m-r-5"></i> 修改</a>
                            <a href="javascript:;" class="btn btn-sm btn-white"><i class="fa fa-trash-o m-r-5"></i> 删除</a>
                            <a href="javascript:;" class="btn btn-sm btn-success ">在线</a>
                            <a href="javascript:;" class="btn btn-sm btn-danger ">禁用</a>
                        </div>
                        <div class="email-content table-responsive">
                            <table id="data-table" class="table table-striped table-bordered">
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <!-- end col-10 -->
        </div>
    </div>
</div>
<!-- end #content -->

<!-- ================== BEGIN PAGE LEVEL JS ================== -->
<script src="/assets/plugins/jstree/jstree.min.js"></script>
<script>
    App.restartGlobalFunction();
    App.setPageTitle('用户管理 | 社区管理综合服务平台');
    $.getScript('/js/system/sysUser.js').done(function () {
        SysUser.init();
    });
</script>
<!-- ================== END PAGE LEVEL JS ================== -->